<!DOCTYPE html>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<head>
<link rel="stylesheet" type="text/css" href="calculator.css">

</head>
<html>
<body>
	<div id="calculator">
		<!-- Screen and clear key -->
		<div class="top">
			<span class="clear">C</span>
			<div class="screen"></div>
		</div>

		<div class="keys">
			<!-- operators and other keys -->
			<span id="myspan" class="keys-num">7</span>
			<span class="keys-num">8</span>
			<span class="keys-num">9</span>
			<span class="operator">+</span>
			<span class="keys-num">4</span>
			<span class="keys-num">5</span>
			<span class="keys-num">6</span>
			<span class="operator">-</span>
			<span class="keys-num">1</span>
			<span class="keys-num">2</span>
			<span class="keys-num">3</span>
			<span class="operator">÷</span>
			<span class="keys-num">0</span>
			<span class="keys-num">.</span>
			<span class="eval">=</span>
			<span class="operator">x</span>
		</div>
	</div>
</body>
<script type="text/javascript" src="calculator.js"></script>

</html>